<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>DojoMPDFT</title>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           -->
    <script type="text/javascript" language="javascript" src="dojompdft/dojompdft.nocache.js"></script>
    <style type="text/css">

h1 {
    font-size: 2em;
    font-weight: bold;
    color: #777777;
    margin: 40px 0px 70px;
    text-align: center;
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
    color: #777777;
    margin: 40px 0px 70px;
    text-align: center;
    color: red;
}

.botao {
    display: block;
    font-size: 16pt;
}

.gwt-DialogBox {
    width: 400px;
}

.dialogVPanel {
    margin: 5px;
}

.serverResponseLabelError {
    color: red;
}

#closeButton {
    margin: 15px 6px 6px;
}

#divAutenticacao {
    top: 0;
    text-align: right;
}    
    
    </style>
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>

    <!-- OPTIONAL: include this if you want history support -->
    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
    
    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
    <noscript>
      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
        Browser sem suporte a JavaScript.
      </div>
    </noscript>
    <div id="divAutenticacao"></div>

<center>

    <h1 id="nomeEvento">DojoMPDFT</h1>
    
    <h2 id="erro"></h2>
    
    <span id="form"></span>

    <table align="center">
      <tr>
        <td id="container" style="font-size: 12pt"></td>
      </tr>
      <tr>
        <td align="center" id="botoesInscricao"></td>
      </tr>
      <tr>
        <td id="inscritos" style="font-size: 12pt"></td>
      </tr>
    </table>
    <br />
    <br />
    <br />
    <br />
    <p align="center"><img src="http://code.google.com/appengine/images/appengine-noborder-120x30.gif" alt="Powered by Google App Engine" /></p>
</center>    
  </body>
</html>
